<template>
	<view class="box">
		<goodsSwiper :datas="list" :config="config"></goodsSwiper>
	</view>

</template>

<script>
	import goodsSwiper from "@/components/pyh-goodsSwiper/pyh-goodsSwiper"


	export default {
		name: "elaborationContent",
		components: {
			goodsSwiper
		},
		props: {
			list: {
				type: Array,
				default: function() {
					return [];
				}
			}
		},
		data() {
			return {
				detail: {
					list: []
				},
				config: {
					more: false,
					autoplay: false,
					multiple: '2',
					shadow: false
				},
				scrollTop: 0,
				old: {
					scrollTop: 0
				},
				background: ['#000', '#000', '#000'],
				indicatorDots: false,
				autoplay: false,
				circular: true,
				interval: 2000,
				duration: 500
			}
		},
		methods: {
			changeIndicatorDots(e) {
				this.indicatorDots = !this.indicatorDots
			},
			changeAutoplay(e) {
				this.autoplay = !this.autoplay
			},
			intervalChange(e) {
				this.interval = e.target.value
			},
			durationChange(e) {
				this.duration = e.target.value
			}
		}
	}
</script>

<style lang="less">
	.box {
		padding: 20upx;
		padding-left: 0;
		height: 200upx;
	}
		
	.uni-bg-red{
		background-color: red;
	}
	.uni-bg-green{
		background-color: green;
	}
	.uni-bg-blue{
		background-color: blue;
	}
</style>
